<!DOCTYPE html>
<html>
<head>
    <title>Map API Demo: Vector Layer Drill Down</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script type="text/javascript" src="../../oraclemapsv2.js"></script>
    <script type="text/javascript" src="data/sales.js"></script>
    <script type="text/javascript" src="js/jquery.ddslick.min.js"></script>
    <script type="text/javascript" src="js/state_county_drilldown.js"></script>
    
    <script type="text/javascript">
        $(document).ready( function(){        
            showMap();
        });
        
    </script>    
</head>
<body bgcolor="#f1f1f1" style="height:100%;font-family:Arial,Helvetica,Verdana">

<div id="demo" style="position:absolute;left:76%;right:5px;top:50px;width:24%; height:100%">
Choose Color Palette:
<select id="demo-htmlselect">

<option value="YlBl3">YellowBlue3</option>
<option value="YlBr3">YellowBrown3</option>
<option value="YlBl5">YellowBlue5</option>
<option value="YlBr5"  selected="selected">YellowBrown5</option>
<option value="Blues5">Blues</option>
<option value="Greens5">Greens</option>
<option value="Greys5">Greys</option>
<option value="Oranges5">Oranges</option>
<option value="Purples5">Purples</option>
<option value="Reds5">Reds</option>
</select>

</div>
<div style="position:absolute; left:0px; top:0px; bottom:0px; width:75%; background-color:#f6f6f6">
  <div id="map" style="position:absolute; left:0px; top:0px; width:100%; height:100%"></div>
</div>
</body>
</html>
